<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="include/base.jsp"%>
<!DOCTYPE html>
<html>
    <meta charset="utf-8">
    <meta name="robots" content="all,follow">
    <meta name="googlebot" content="index,follow,snippet,archive">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Jorange | 橙乐文化</title>

    <meta name="keywords" content="">
    <link rel="shortcut icon" type="image/ico" href="${base }/assets/img/favicon.ico" />
    <link href='${base }/assets/fonts/cssc31a.css?family=Montserrat:400,700|Merriweather:400,400italic' rel='stylesheet' type='text/css'>

    <!-- Bootstrap and Font Awesome css -->
    <link href="${base }/assets/css/font-awesome.css" rel="stylesheet">
    <link href="${base }/assets/css/bootstrap.min.css" rel="stylesheet">

    <!-- Theme stylesheet -->
    <link href="${base }/assets/css/style.default.css" rel="stylesheet" id="theme-stylesheet">

    <!-- Custom stylesheet - for your changes -->
    <link href="${base }/assets/css/custom.css" rel="stylesheet">

    <!-- Responsivity for older IE -->
    <script src="${base }/assets/js/respond.min.js"></script>

    <link href="${base }/assets/css/owl.carousel.css" rel="stylesheet">
    <link href="${base }/assets/css/owl.theme.css" rel="stylesheet">
</head>

<body>

    <!-- *** NAVBAR *** -->
	<%@ include file="include/navbar.jsp"%>
    <!-- /#navbar -->

    <!-- *** NAVBAR END *** -->
    <div id="all">

        <div id="content">
            <div class="container">

                <div class="col-md-12">
                    <ul class="breadcrumb">
                        <li><a href="javascript:;">Home</a>
                        </li>
                        <li><a href="javascript:;">Work</a></li>
                    </ul>
                    <div class="box text-center">

                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1">
                                <h1>${work.title }</h1>
                                <p class="goToDescription"><a href="javascript:void(0)" class="scroll-to">${work.author }</a>
                                <p class="text-muted">${work.description }</p>
                                </p>
                            </div>
                        </div>
                    </div>


                </div>

                <!-- *** LEFT COLUMN ***
		    _________________________________________________________ -->

                <div class="col-md-9">
                    <div class="row" id="productMain" style="padding-left: 15px; padding-right: 15px;">${work.url }</div>
                    <div class="box" id="details">
                        <c:if test="${work.blog ne null }">
                            <h4>微博内容</h4>
                            <p>${work.blog }</p>
                        </c:if>
                        <c:if test="${work.team ne null }">
                            <h4>工作人员</h4>
                            ${work.team }
                        </c:if>
<!--                             <h4>微博账号</h4> -->
<!--                             <ul> -->
<!--                                 <li>Regular fit</li> -->
<!--                                 <li>The model (height 5'8" and chest 33") is wearing a size S</li> -->
<!--                             </ul> -->
<!--                             <blockquote> -->
<!--                                 <p><em>Define style this season with Armani's new range of trendy tops, crafted with intricate details. Create a chic statement look by teaming this lace number with skinny jeans and pumps.</em> -->
<!--                                 </p> -->
<!--                             </blockquote> -->
                    </div>
                    <div class="box social" id="product-social">
                        <h4>Show it to your friends</h4>
                        <p>
                            <a href="javascript:;" class="external facebook" data-animate-hover="pulse"><i class="fa fa-facebook"></i></a>
                            <a href="javascript:;" class="external gplus" data-animate-hover="pulse"><i class="fa fa-google-plus"></i></a>
                            <a href="javascript:;" class="external twitter" data-animate-hover="pulse"><i class="fa fa-twitter"></i></a>
                            <a href="javascript:;" class="email" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
                        </p>
                    </div>

                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="box">
                                <h3>You may also like these products</h3>
                            </div>
                        </div>
						<c:forEach items="${recommend }" var="rec">
                        <div class="col-md-3 col-sm-6">
                                <div class="product">
                                    <div class="image">
                                        <a href="${base }/detail/${rec.id }">
                                            <img src="${base }/image/work/${rec.img }" alt="" class="img-responsive image1">
                                        </a>
                                        <div class="quick-view-button">
                                            <a href="${base }/detail/${rec.id }" class="btn btn-default btn-sm">Quick view</a>
                                        </div>
                                    </div>
                                    <div class="text">
                                        <h3><a href="${base }/detail/${rec.id }">${rec.title }</a></h3> 
                                        <p class="price">${rec.author }</p>
                                    </div>
                                    <c:forEach var="tag" items="${rec.tags }">
		                                <c:if test="${tag eq 'HOT' }">
		                                <div class="ribbon sale">
		                                    <div class="theribbon">${tag }</div>
		                                    <div class="ribbon-background"></div>
		                                </div>
		                                </c:if>
		                                <c:if test="${tag eq 'NEW' }">
										<div class="ribbon new">
		                                    <div class="theribbon">${tag }</div>
		                                    <div class="ribbon-background"></div>
		                                </div>
		                                </c:if>
	                                </c:forEach>
                                </div>
                        </div>
						</c:forEach>

                    </div>

                </div>
                <!-- /.col-md-9 -->


                <!-- *** LEFT COLUMN END *** -->

                    <!-- *** RIGHT COLUMN *** -->
					<%@ include file="include/right_column.jsp"%>
                    <!-- *** RIGHT COLUMN END *** -->

            </div>
            <!-- /.container -->
        </div>
        <!-- /#content -->


        <!-- *** FOOTER *** -->
		<%@ include file="include/footer.jsp"%>
        <!-- *** FOOTER END *** -->

        <!-- *** COPYRIGHT *** -->
		<%@ include file="include/copyright.jsp"%>
        <!-- /#copyright -->

    </div>
    <!-- /#all -->

    <!-- #### JAVASCRIPT FILES ### -->

    <script src="${base }/assets/js/jquery-1.11.0.min.js"></script>
    <script src="${base }/assets/js/bootstrap.min.js"></script>
    <script src="${base }/assets/js/jquery.cookie.js"></script>
    <script src="${base }/assets/js/front.js"></script>
</body>


<!-- Mirrored from minimal.ondrejsvestka.cz/1-3-2/detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 04 Nov 2015 01:28:53 GMT -->
</html>